<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米</title>
		<style>
			.app{
				background-color: aliceblue;
				height: 3000px;
				margin: auto;
				overflow: hidden;
			}
			 .head{
				 height: 50px;
				 background-color: gray;
			 }
			 .headtop{
				 height: 50px;
				 width: 1500px;
				 background-color: gainsboro;
				 margin: auto;
			 }
			  .body{
				  height: 850px;
				  width: 1500px;
				  background-color: azure;
				  margin: auto;
				  /* overflow: hidden; */
				
				  
			  }
			  .box1{
				width: 591px;
				height: 55px;
				background-color: antiquewhite;
			
			margin-left: 295px;
			  }
			  .bigbox{
				  width: 1500px;
				  height: 450px;
				  background-color: darkgrey;
				  margin-top: 25px;
			  }
			   .box2{
				   width: 300px;
				   height: 450px;
				   background-color: antiquewhite;
			   }
			   .box3{
				width: 300px;
				   height: 260px;
				   background-color: aquamarine;
				   margin-top: 40px;
				   float: left;
			   }
			   .box4{
				   	width:340px;
				   	height: 260px;
				   	background-color: antiquewhite;
				   /* 	border: 1px orangered solid; */
				   	margin: 40px 20px;
				   	float: left;
	
			   }
			   .tu1{
				   height: 260px;
				   width: 340px;
			
			   }
			    .body2{
					width: 1500px;
					height: 1050px;
					background-color: lavenderblush;
					margin: auto;
			
				}
				.box5{
					width: 1500px;
					height: 60px;
					background-color: bisque;
					margin: auto;
				}
				.box6{
					height: 20px;
					background-color: lavenderblush;
					margin-top: 20px;
					
				}
				.box7{
					width: 300px;
					height: 630px;
					background-color: antiquewhite;
					margin-top: 25px;
					float: left;
				}
				.b{
					width: 245px;
					height: 284px;
					border: 1px antiquewhite solid;
					background-color: aquamarine;
					float: left;
					margin: 25px 25px;
				}
				
				
		</style>
	</head>
	<body>
		 <div class="app"> 
			<div class="head">
				<div class="headtop"></div>
			</div>
			<div class="body">
				<div class="box1"></div>
				<div class="bigbox">
					<div class="box2">
						
					</div>
				</div>
				<div class="box3"></div>
				<div class="box4">
					<a href="https://www.mi.com/shop/buy?product_id=19300">
					<img src="img/图.png" alt="手机"  class="tu1"/></a>
				</div>
				<div class="box4">
					<a href="https://www.mi.com/shop/buy?product_id=10050036">
						<img src="img/2.jpg" alt="电视"  height="260px" width="340px"/>
					</a>
				</div>
				<div class="box4">
					<a href="https://www.mi.com/xiaomibuds4pro">
						<img src="img/3.png" alt="耳机"  height="260px" width="340px"/>
					</a>
				</div>
			</div>
			<div class="body2">
				<div class="box5"></div>
				<div class="box6">手机</div>
				<div class="box7"></div>
				<div class="b"></div>
				<div class="b"></div>
				<div class="b"></div>
				<div class="b"></div>
				<div class="b"></div>
				<div class="b"></div>
				<div class="b"></div>
				<div class="b"></div>
			</div>
		</div> 
	</body>
</html>
